<template>
  <view class="i-divider-box">
    <view class="view_fengexian">
      <view></view>
      <text
        class="text_fengexian">{{loadingType === 0 ? contentText.contentdown : (loadingType === 1 ? contentText.contentrefresh : contentText.contentnomore)}}</text>
      <view></view>
    </view>
  </view>
</template>

<script>
  export default {
    props: {
      loadingType: {
          type: Number,
          default: 0
      }
    },
    data() {
      return {
        contentText: { //加载文字
          contentdown: "上拉显示更多",
          contentrefresh: "正在加载...",
          contentnomore: ""
        },
      }
    },
    methods: {

    }
  }
</script>

<style lang="scss">
  .view_fengexian {
    // width: 96%;
    // height: 50rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 20rpx 0;
  }

  /* 两个view的样式 */
  .view_fengexian view {
    width: 220rpx;
    height: 2rpx;
   // background: #BCC0C5;
  }

  /* 字体的样式 */
  .text_fengexian {
    font-size: 24rpx;
    color: #A4A4A4;
    margin: 0 40rpx;
  }
</style>